<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" Content="text-html; charset=Windows-1252">
<title>To create a tag for an expandable section</title>
<style>@import url(coUA.css);</style>
<link disabled rel="stylesheet" href="htmlhelp.css">
</HEAD>

<BODY>
<h1>To create a tag for an expandable section</h1>

<ol><li><p>Insert the following tags in your topic file at the location you want the expanding section to appear:</p></li></ol>

<p><code>&lt;a onclick="<i>doSection(foo)</i>" class="<i>anchorclass</i>" href="<i>filename.htm</i>"&gt;<i>Link text</i>&lt;/a&gt;</p>
<p>&lt;DIV CLASS="<i>divclass</i>" ID="<i>foo</i>" STYLE="display: none" onclick="<i>noSection(foo)</i>"&gt;
<br>This is where the text appears.
<br>&lt;/DIV&gt;</code>
</p>

<p>Where <code>doSection</code> is the name of the first JavaScript function, which opens the section if it is closed, and closes it if it is open. <code>noSection</code> is the name of the second JavaScript function, which closes the section when the user clicks inside it. <code>foo</code> is the unique ID for this instance of the section, and <code>filename.htm</code> is the target file for the link.</p>

<h3>Example</h3>



<h3>Notes</h3>
<ul>
<li>If you are including more than one instance of this tag on the same page, be sure that each instance has a unique ID.

</li>
</ul>

<br>
<table border="0" cellpadding="0" cellspacing="4">
<tr> 
<td valign="top"><a href="ocx_dhtml_sb2.htm"><img src="step2.gif" alt="next step" border="0"></a>
</td><td><a href="ocx_dhtml_sb2.htm">Insert the JavaScript code</A>
</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>


</BODY>
</HTML>
